@charset "utf-8";
/* CSS Document */

.mian{ width:100%; height:auto; margin:0 auto;}
.banner_index_paid,.banner_index_paid_heng{ display:none;}
.header_top,.footer_2,.index_friend{ width:100%; }

.header_top_3 p strong{ font-size: 13px;color:#550000;line-height: 47px;float: right;}
.header_top_3 p{ padding-right:18px;}


.brand_news_detial p img{ width:auto; height:auto;}
/*******头部导航*************/
.index_daohang{ width:100%; height:41px; float:left;background:url(/templets/default/css/daoh_j.jpg) repeat-x; display:inline;}
.daohang{ width:100%;; height:41px; float:left; display:inline;}
.daohang ul{ width:100%;height:41px; float:left; display:inline;}
.daohang_li{ width:auto; height:41px; float:left; display:inline;font:13px/41px "微软雅黑", Arial; color:#FFF; position:relative; z-index:999;}
.daohang_li a{color:#FFF; display:inline; text-decoration:none; padding:0 34px;}
.daohang_li a:hover{ background:url(/templets/default/css/hover.png) repeat-x; height:41px; float:left; display:inline;}
.cur{background:url(/templets/default/css/hover.png) repeat;height:41px; float:left; display:inline;font:13px/41px "微软雅黑", Arial;}
.cur a{color:#FFF; display:inline; padding:0 34px;}

.on{background:url(/templets/default/css/hover.png) repeat;height:41px; float:left; display:inline;font:13px/41px "微软雅黑", Arial;}

.daohang_div{ width:100%; height:auto; float:left; display:none; position:absolute; z-index:9999; background:#28343c; left:0; top:40px; text-align:center;}
.daohang_div span{ width:100%; float:left; display:inline; margin-left:0;}
.daohang_div span p{ width:100%; height:40px; float:left; display:inline; text-align:center; overflow:hidden;border-bottom:1px dashed #5d666d;font:13px/40px "微软雅黑", Arial; color:#ffffff;}
.daohang_div span p a{color:#ffffff; display:inline;width:100%; height:40px; padding:0; }
.daohang_div span p a:hover{width:100%; height:40px; color:#ffffff; display:inline; background:#181f24; height:40px; border:none;font:13px/40px "微软雅黑", Arial; padding:0;}








.internatal{width:94%; height:auto;float:left;display:inline;margin-left:3%;}





/******************banner部分*****************/
.banner_index{ width:100%;/*  height:600px; */ float:left; display:inline; overflow:hidden;}

.main_image {width:100%; height:600px; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:600px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:600px;}
.main_image li span {display:block; width:100%; height:600px}
.main_image li a {display:block; width:100%; height:600px}
.main_image li .img_1 {background:url(../Images/content/banner1.jpg) center top no-repeat}
.main_image li .img_2 {background: url(../Images/content/banner1.jpg) center top no-repeat}
.main_image li .img_3 {background: url(../Images/content/banner1.jpg) center top no-repeat}
.main_image li .img_4 {background: url(../Images/content/banner1.jpg) center top no-repeat}
.main_image li .img_5 {background: url(../Images/content/banner1.jpg) center top no-repeat}
div.flicking_con {width:990px; margin:0 auto; position:relative}
div.flicking_con .flicking_inner {position:absolute; top:360px; left:90px; z-index:999; width:300px; height:21px} 
div.flicking_con a {float:left; width:21px; height:21px; margin:0; padding:0; display:block; text-indent:-1000px}
div.flicking_con a.on {background-position:0 -21px}
#btn_prev,#btn_next,#btn_stop{z-index:11111;position:absolute;display:block;width:29px!important;height:29px!important;bottom:5%;display:inline;}
#btn_prev{background:url(../Images/content/left_right.png) no-repeat 0 0;right:240px;}
#btn_next{background:url(../Images/content/left_right.png) no-repeat -33px 0;right:200px;}
#btn_stop{background:url(../Images/content/left_right.png) no-repeat -66px 0;right:160px;}





.banner_index_paid{ width:100%; height:auto; float:left; display:none; overflow:hidden;}
/*************************banner图样式*********************************/
.scroll{width:600px; height:250px; margin:0 auto;  position:relative; overflow:hidden;}
.mod_01{float:left; width:600px;}
.mod_01 img{display:block; width:100%; height:250px;}
.dotModule_new {padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:250px;z-index:11;}
#slide_01_dot {text-align:center;}
#slide_01_dot span {display:inline-block;margin:0 3px;width:10px;height:10px;vertical-align:middle;background:#000000;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#slide_01_dot .selected {background:#f7f7f7;}









/*index content 中间部分*/
.index_left{ width:51.65%; float:left; display:inline; overflow:hidden; padding-left:0.5%; margin-left:5%;}
.index_left_title{ width:100%; height:54px; float:left; display:inline; overflow:hidden; border-bottom:1px solid #c8c5c4; padding-top:15px;}
.index_left_title dd{ width:auto; float:left; display:inline; overflow:hidden; font:15px/54px "微软雅黑"; color:#595757;}
.index_left_title dd img{ width:auto; height:auto; float:left;}
.index_left_title dd b{ font-weight:normal; padding-left:10px; float:left;}
.index_left_title dd b a{color:#595757;}
.index_left_title dt{ width:auto; height:54px; float:right; display:inline; overflow:hidden; background:url(../Images/content/a1_06.jpg) no-repeat left center; padding-left:20px;}
.index_left_title dt p{ font:12px/54px Arial, "微软雅黑"; color:#540000; float:left; display:inline; overflow:hidden;}
.index_left_title dt p a{ color:#540000; padding-right:4px; }
.index_left_content{  width:100%; float:left; height:auto; display:inline; }
.index_left_content ul{  width:100%; float:left; height:auto; display:inline; }
.index_left_content ul li{  width:100%; float:left; height:191px; display:inline; overflow:hidden; padding:22px 0 10px 0; }
.index_left_content ul li img{ width:35%; height:auto; float:left; display:inline; overflow:hidden;}
.index_left_content ul li span{ width:60%; height:auto; float:right; display:inline; overflow:hidden;}
.index_left_content_1{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.index_left_content_1 dd{ width:100%; height:auto; float:left; display:inline; font:15px/25px "微软雅黑"; color:#3e3a39;text-overflow:ellipsis;white-space:nowrap;}
.index_left_content_1 dd a{ display:inline; color:#3e3a39}
.index_left_content_1 dt{ width:100%; height:auto; float:left; display:inline; font:13px/25px "微软雅黑"; color:#3e3a39}
.index_left_content_1 dt p{ width:auto; float:left; display:inline; padding-right:4px;}
.index_left_content_1 dt p a{ color:#3e3a39}
.index_left_content_2{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.index_left_content_2 dd{ width:95%; height:auto; float:left; display:inline; font:13px/25px "微软雅黑"; color:#595757; background:url(../Images/content/a3_13.jpg) no-repeat left center; padding-left:22px;text-overflow:ellipsis;white-space:nowrap;}
.index_left_content_2 dd b{ font-weight:normal; padding-left:8px; font:12px/32px Arial, Helvetica, sans-serif; color:#a7a7a8;}
.index_left_content_2 dd a{ display:inline; color:#3e3a39}
.index_left_content_2 dt{ width:100%; height:auto; float:left; display:inline; font:13px/23px "微软雅黑"; color:#595757; text-align:justify;}
.index_left_content_2 dt a{color:#595757}


.index_left_content_3{ width:100%; height:118px; float:left; display:inline; overflow:hidden;}
.index_left_content_3 dd{  width:100%; height:auto; float:left; display:inline; font:13px/25px "微软雅黑"; color:#595757;text-overflow:ellipsis;white-space:nowrap;}
.index_left_content_3 dd a{ color:#595757;}
.index_left_content_3 dt{  width:100%;  height:auto; float:left; display:inline; font:13px/24px "微软雅黑"; color:#595757;}


.index_left_content_4{ width:100%; height:118px; float:left; display:inline; overflow:hidden;}
.index_left_content_4 dd{  width:100%; height:auto; float:left; display:inline; font:13px/22px "微软雅黑"; color:#595757;}
.index_left_content_4 dd p{ padding-right:30px; float:left; display:inline;}
.index_left_content_4 dt{width:100%; height:auto; float:left; display:inline; font:13px/25px "微软雅黑"; color:#595757; padding-top:20px;}
.index_left_content_4 dt a{ color:#595757;}


.index_left_content_5{ width:100%; height:auto; float:left; display:inline; overflow:hidden;font:13px/25px "微软雅黑"; color:#595757; }

.index_left_content_6{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.index_left_content_6 dd{  width:100%; height:auto; float:left; display:inline; font:13px/25px "微软雅黑"; color:#595757;text-overflow:ellipsis;white-space:nowrap;}
.index_left_content_6 dd a{ color:#595757;}
.index_left_content_6 dt{  width:100%; height:auto; float:left; display:inline; font:13px/25px "微软雅黑"; color:#595757;}



.index_right{ width:25.54%; float:right; display:inline; overflow:hidden; padding-right:0; margin-right:5%;}
.index_right_title{ width:100%; height:54px; float:left; display:inline; overflow:hidden; border-bottom:1px solid #c8c5c4; padding-top:15px;}
.index_right_title p{ width:auto; float:left; display:inline; overflow:hidden; font:15px/54px "微软雅黑"; color:#595757;}
.index_right_title img{ width:auto; height:auto; float:left;}
.index_right_title p a{  padding-left:10px; float:left; color:#595757;}


.index_right_none{ width:100%; height:54px; float:left; display:inline; overflow:hidden; border-bottom:1px solid #c8c5c4; padding-top:15px;}
.index_right_none p{ width:auto; float:left; display:inline; overflow:hidden; font:15px/54px "微软雅黑"; color:#595757;}
.index_right_none img{ width:auto; height:auto; float:left; padding-top:0;}
.index_right_none p a{  padding-left:10px; float:left; color:#595757;}

.index_right_content{ width:100%; float:left; display:inline; overflow:hidden; padding-top:22px;}
.index_right_content img{ width: 100%; height:auto; float:left; display:inline; overflow:hidden;}

.index_right_content dl{ width:100%; float:right; display:inline; padding-top:9px; }
.index_right_content dl dd{ width:93%; height:auto; float:left; display:inline; font:15px/26px "微软雅黑"; color:#595757;text-overflow:ellipsis;white-space:nowrap; font-weight:normal; overflow:hidden;}
.index_right_content dl dd a{color:#3e3a39;}
.index_right_content dl dt{ width:100%; height:auto; float:right; display:inline; font:13px/25px "微软雅黑"; color:#595757;}
.index_right_content dl dt a{color:#595757;}

.index_right_content2{ width:100%; float:left; display:inline; overflow:hidden; padding-top:4px;}
.index_right_content2 img{ width:100%; height:auto; float:left;}
.index_right_content2 ul{ width:100%;height:auto; float:left; display:inline; overflow:hidden; padding-top:8px;} 
.index_right_content2 ul li{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.pp1{ width:143px; height:auto; float:left; display:inline;  font:13px/22px "微软雅黑"; color:#595757; }
.pp2{ width:60px; height:auto; float:left; display:inline;  font:13px/22px "微软雅黑"; color:#595757; }
.pp3{ width:66px; height:auto; float:right; padding-top:3px;}
.index_right_content2 span{width:100%; height:22px; float:left; display:inline; overflow:hidden; font:13px/22px "微软雅黑";color:#bfc0c0; }
.index_right_content2 span a{ display:block; color:#bfc0c0}
.index_right_content3{ width:100%; height:auto; float:left; display:inline; overflow:hidden; padding-top:14px;}
.index_right_content4{ width:100%; height:auto; float:left; display:inline; overflow:hidden; padding-top:12px;}

.index_right_content_piad4{ width:100%; height:auto; float:left; display:none; overflow:hidden; padding-top:12px;}
.index_right_content_piad4 ul{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.index_right_content_piad4 ul li{width:47%;height:23px;float:left;display:inline;overflow:hidden;font:13px/25px "微软雅黑"; color:#595757;text-overflow:ellipsis;white-space:nowrap; padding-right:3%; }
.index_right_content_piad4 ul li a{color:#595757;display:inline;}
.index_right_content5{ width:100%; height:auto; float:left; display:inline; overflow:hidden; padding-top:13px;}
.index_right_content5 img{ width:49%; float:left; height:auto; padding-right:1%;}

.index_right_content6{ width:99%; height:51px; float:left; display:inline; overflow:hidden; margin-top:13px; border:1px solid #c5c2c1;}
.index_right_content6 p{ padding-left:20px; float:right;font:15px/51px "微软雅黑"; color:#595757;}
.index_right_content6 img{ width:49px; height:50px; float:left; display:inline; overflow:hidden; padding:0;}




/***************友情链接*********************/
.index_friend{ width:95%; height:auto; float:left; display:inline; overflow:hidden; padding-top:50px; padding-left:2.5%;}

.index_friend dd{ width:6em; height:auto; float:left; display:inline; overflow:hidden;font:15px/26px "微软雅黑"; color:#acadae;}

.index_friend dt{ width:80%; height:auto; float:left; display:inline; overflow:hidden;font:15px/26px "微软雅黑"; color:#acadae;}
.index_friend dt a{ width:auto; float:left; padding-right:15px; color:#acadae;}




/*****************phone content**************************/
.phone_content1 ,.xf_phone{ width:96%; height:auto; float:left; padding:0 2%; display:none;}
















/*********************position style************************************/
.web_position{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-top:14px; padding-bottom:10px; margin-left:5%; padding-left:0;}
.web_position dd{ width:auto; float:left; display:inline;}

.web_position dd p{ background:url(../Images/content/case2.jpg) no-repeat right center; padding-right:7px; margin-right:6px; float:left; display:inline; overflow:hidden; font:12px/16px "微软雅黑"; color:#3e3a39; margin-top:9px;}


.case_banner{ width:99%; height:auto; float:left; display:inline; padding:0 0.5%;}

.case_banner img{ width:100%; height:auto; float:left; display:inline;}

.case_daojt{ width:100%; height:39px; float:left; display:inline; overflow:hidden; background:url(../Images/content/common_jt_14.jpg) no-repeat left bottom; border-bottom:1px solid #c8c5c4;}
.case_choice{ width:94%; height:auto; float:left; display:inline; overflow:hidden; padding-top:15px; padding-bottom:20px; margin-left:3%; padding-left:0;}
.case_choice1{ width:100%; height:auto; float:left; display:inline;}
.case_choice2{ width:100%; height:auto; float:left; display:inline;}
.case_choice3{ width:100%; height:auto; float:left; display:inline;}
.case_choice span{width:auto; float:left; display:inline; color:#3e3a39; font:13px/32px "微软雅黑"; cursor:pointer; font-weight:bold;}
.case_choice li{ width:auto; float:left; display:inline; color:#717071; font:13px/32px "微软雅黑"; cursor:pointer; padding-right:8px;}
.case_choice li:hover{ color:#3e3a39; font-weight:bold;}
.case_choice li.styleon{color:#3e3a39; font-weight:bold;}
.case_choice_4{ width:94%; height:52px; float:left; display:inline; border:1px solid #c8c5c4; margin-left:3%;}
.case_choice_4_1{ width:auto; float:left; display:inline;}
.case_choice_4_1 span{ width:auto;color:#3e3a39; font:12px/52px "微软雅黑";padding:0 15px; border-right:2px solid #e3e2e2; float:left; display:inline; }
.case_choice_4_1 li{width:auto; float:left; display:inline; padding:0 15px; height:52px; border-right:2px solid #e3e2e2;}
.case_choice_4_1 li dl{width:auto; float:left; display:inline;}
.case_choice_4_1 dl dd{ width:auto;color:#3e3a39; font:12px/52px "微软雅黑"; float:left; display:inline;}
.case_choice_4_1 dl dt{ padding-left:8px; cursor:pointer; float:left;}

.case_choice_4_2{ width:auto; float:right; display:inline;color:#3e3a39; font:12px/52px "微软雅黑";padding:0 15px; text-align:right; padding-right:12px;}

.case_anli{width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-left:5%;}
.case_anli ul{ width:100%; height:auto; float:left; padding-left:0;}
.case_anli ul li{ width:24%; height:auto; float:left; display:inline; overflow:hidden; padding-right:1%; padding-top:25px; padding-bottom:8px;}
.case_anli ul li img{ width:100%; height:auto; float:left;}
.name_design{ width:auto;display:inline;font:12px/22px "微软雅黑"; color:#717071; background:url(../Images/content/name.jpg) no-repeat left center; padding:0 8px 0 15px;}
.detial_design{ padding: 0 8px 0 15px;}







.web_position dt{ display:none}




/****************paid*************************/
.case_detial2_right_paid{ width:44%; height:200px; float:left; display:inline; overflow:hidden;background:#e3e3e3; margin-bottom:15px;}
.case_detial2_right_paid img{ width:40%; height:auto; float:left;border:none;}
.case_detial2_right_paid ul{ width:57.3%; height:auto; float:left; display:inline; overflow:hidden; padding:22px 0 0 1.5%;}
.case_detial2_right_paid ul li{width:100%; height:22px; float:left; display:inline; overflow:hidden; font:12px/22px "微软雅黑"; color:#3e3a39}
.case_detial2_right_paid ul li a{ color:#000;}
.case_detial2_right_paid ul li b{ font-weight:normal; padding:0 10px; border-radius:8px; margin-left:8px; margin-top:5px; background:#540000;font:8px/15px "微软雅黑"; color:#FFF; cursor:pointer}
.case_detial2_right_paid ul li b a{ color:#FFF;}

.case_detial3{ width:53%; height:auto; float:left; display:inline; overflow:hidden; padding:0 0 28px 1.5%;}
.case_detial3 dl{ width:100%; height:auto; float:left;}
.case_detial3 dl dd{ width:auto; height:27px; float:left;font:14px/27px "微软雅黑"; color:#3e3a39;}
.case_detial3 dl dt{ width:auto; float:left; display:inline; padding-left:8px;font:11px/27px "微软雅黑"; color:#808080;}
.case_detial3 p{ width:100%; height:auto; float:left;font:12px/23px "微软雅黑"; color:#3e3a39;} 





.case_detial34{ width:100%; height:auto; float:right; display:inline; overflow:hidden; padding:0 0 28px 0;}
.case_detial34 dl{ width:100%; height:auto; float:left;}
.case_detial34 dl dd{ width:auto; height:27px; float:left;font:15px/27px "微软雅黑"; color:#3e3a39;}
.case_detial34 dl dt{ width:auto; float:left; display:inline; padding-left:8px;font:11px/27px "微软雅黑"; color:#808080;}
.case_detial34 p{ width:100%; height:auto; float:left;font:13px/23px "微软雅黑"; color:#3e3a39;} 




.brand_news_detial,.brand_news_pre,.experience_3D4{ width:90%; padding-left:5%; float:left;}

.experience_3D4{ width:90%; padding-left:0; float:left; margin-left:5%;}











/**********************************案例详情页*******************************/
.case_detial{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-left:5%;}
.case_detial2{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.case_detial2_left{ width:80%; height:430px; float:left; display:inline; overflow:hidden;}
.case_detial_scroll{ width:100%; height:430px; float:left; display:inline; overflow:hidden;}
.case_detial_scroll ul{ width:100%; height:430px; float:left; display:inline; overflow:hidden;position:relative; z-index:0;}
.case_detial_scroll ul li{ width:100%; height:430px; float:left; display:none; position:absolute; z-index:0}
.case_detial_scroll ul li img{ width:100%; height:auto; float:left;}
.case_detial2_right{ width:18%; height:430px; margin-bottom:15px;}
.case_detial2_right img{ width:80%; height:auto; float:left; margin-left:10%; margin-top:5px;}
.case_detial2_right ul{ width:90%; height:auto; float:right; padding:0; margin:10PX 0 0 0;}
.case_detial2_right ul li{width:100%;font: 12px/19px "微软雅黑"; height:auto;}
.case_detial_quick{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}

.case_detial2_right span{ top:200px;right:15%;}






.case_detial4{ width:100%; height:auto; float:left; display:inline; overflow:hidden; padding:25px 0 23px 0;}
.case_detial4 dl{ width:100%; height:43px; float:left; display:inline; overflow:hidden;}
.case_detial4 dl dd{ width:auto; float:left; display:inline; overflow:hidden; font:14px/43px "微软雅黑"; color:#3e3a39;}
.case_detial4 dl dd a{color:#3e3a39;}
.case_detial4 dl dd b{ font-weight:normal; padding-left:10px;font:11px/43px "Times New Roman", Times, serif; color:#808080;}
.case_detial4 dl dt{font-weight:normal; padding-left:10px;font:14px/43px "微软雅黑"; color:#3e3a39; width:auto; float:right; padding-right:7px;}
.case_detial4 dl dt a{ color:#3e3a39}
.case_detial4 ul{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.case_detial4 ul li{ width:24%; height:auto; float:left; display:inline; overflow:hidden; padding:8px 1% 0 0;}
.case_detial4 ul li img{ width:100%; height:auto; float:left;}























/**************************************大师团队**************************************************************/

.team_design{width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-left:5%;}
.team_design ul{ width:100%; height:auto; float:left;}
.team_design ul li{ width:24%; height:auto; float:left; display:inline; overflow:hidden; padding-right:1%; padding-top:35px; padding-bottom:8px;}
.team_design ul li img{ width:100%; height:auto; float:left;}
.team_design ul li span{ width:100%; height:22px; float:left; display:inline; overflow:hidden; margin-top:22px; border-top:1px solid #c9c6c5; border-bottom:2px solid #e3e2e2; text-align:center;}
.team_design ul li span a{ color:#717071;}


.team_list_detial{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-bottom:40px; padding-left:5%;}
.team_design_detial_left{ width:35%; height:auto; float:left; display:inline; overflow:hidden; }
.team_design_detial_right{ width:63%; height:auto; float:right; display:inline; overflow:hidden; }
.team_design_detial_right_1{ width:100%; height:auto; float:left; display:inline; overflow:hidden; border-bottom:1px dashed #e3e2e2; padding-bottom:10px;}
.team_design_detial_right_1 li{ width:100%; height:auto; float:left; color:#808080; font:12px/22px "微软雅黑";}
.team_design_detial_right_1 li.heise{ color:#3e3a39;}
.team_design_detial_right_2{ width:100%; height:auto; float:left; display:inline; overflow:hidden; border-bottom:1px dashed #e3e2e2; padding-bottom:10px; padding-top:13px;}
.team_design_detial_right_2 p{width:100%; height:auto; float:left; color:#808080; font:12px/22px "微软雅黑"; padding-bottom:15px;}
.team_design_detial_right_3{ width:100%; height:auto; float:left; display:inline; overflow:hidden;  padding-top:13px;}
.team_design_detial_right_3 dd{ width:100%; height:25px;float:left; color:#3e3a39; font:12px/22px "微软雅黑";}
.team_design_detial_right_3 dt{ width:100%; height:auto;float:left; color:#808080; font:12px/22px "微软雅黑";}
.team_design_detial_right_3 dt a{ display:inline; padding-right:10px; color:#808080;}




























/***********************************用户体验style*************************************************/
.experience{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding:14px 0 10px 5%;}
.experience ul{ width:80%; float:left; display:inline; border-left:1px dashed #c8c5c4;}
.experience ul li{ width:auto; float:left; display:inline; overflow:hidden; padding:2px 16px; text-align:center;border-right:1px dashed #c8c5c4;}
.experience ul li p{ width:auto; display:block; font-weight:normal;font:14px/14px Arial, "微软雅黑"; color:#3e3a39;}
.experience ul li b{ width:auto; display:block; font-weight:normal;font:11px/14px Arial, "微软雅黑"; padding-top:3px; color:#808080;}
.experience ul li b a{color:#808080; display:block; }.experience ul li b a:hover{ color:#FFF; display:block;}
.experience ul li p a{color:#3e3a39; display:block; }.experience ul li p a:hover{ color:#FFF; display:block;}
.experience ul li:hover{ background:#540000;}
.experience ul li.experienceon{ background:#540000;}.experience ul li.experienceon a{ color:#FFF;}
.experience span{ width:auto; height:30px; float:right; display:inline; overflow:hidden; }

.experience span strong{ font:12px/14px Arial, "微软雅黑"; color:#540000; float:left; display:inline; overflow:hidden;}
.experience span strong a{color:#540000;}






/**************************样板房参观********************/

.experience_mode_list{ width:90%; height:auto; float:left; display:inline; margin-top:20px; padding:0 0 0 0; border:1px solid #c9c6c5; border-top:none; border-bottom:none; margin-left:5%;}
.experience_mode_list span{ width:100%; height:51px; float:left; display:inline; overflow:hidden; border:1px solid #c9c6c5; border-right:none; border-left:none}
.experience_mode_list_1{ width:19.9%; height:51px; float:left; display:inline; overflow:hidden; border-right:1px solid #c9c6c5;font:12px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; }
.experience_mode_list_2{ width:11.9%; height:51px; float:left; display:inline; overflow:hidden; border-right:1px solid #c9c6c5;font:12px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; }
.experience_mode_list_4{ width:5.9%; height:51px; float:left; display:inline; overflow:hidden; border-right:1px solid #c9c6c5;font:12px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; }
.experience_mode_list_3{ width:11.9%; height:51px; float:left; display:inline; overflow:hidden; border-right:1px solid #c9c6c5;font:12px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; }
.experience_mode_list_5{ width:10.9%; height:51px; float:left; display:inline; overflow:hidden; border-right:none;font:12px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; }
.experience_mode_list ul{ width:100%; float:left; display:inline;  background:none; border-left:none;}
.experience_mode_list ul li{ width:100%; height:51px; float:left; display:inline; background:none;}
.experience_mode_list_6{ width:19.9%; height:51px; float:left; display:inline; overflow:hidden; font:13px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; text-overflow:ellipsis;white-space:nowrap;}
.experience_mode_list_7{ width:11.9%; height:51px; float:left; display:inline; overflow:hidden; font:13px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; text-overflow:ellipsis;white-space:nowrap;}
.experience_mode_list_8{ width:11.9%; height:51px; float:left; display:inline; overflow:hidden; font:13px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center;text-overflow:ellipsis;white-space:nowrap; }
.experience_mode_list_9{ width:5.9%; height:51px; float:left; display:inline; overflow:hidden; font:13px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; text-overflow:ellipsis;white-space:nowrap;}
.experience_mode_list_10{ width:8.9%; height:51px; float:left; display:inline; overflow:hidden; text-align:center; background:none; border:none;}
.experience_mode_list_10 img{ width:92px; height:33px; overflow:hidden; padding:9px 0 0 0;}
.experience_mode_list_11{ width:32.9%; height:51px; float:left; display:inline; overflow:hidden; border-right:1px solid #c9c6c5;font:12px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; }
.experience_mode_list_12{ width:34.9%; height:51px; float:left; display:inline; overflow:hidden; font:13px/51px Arial, "微软雅黑"; color:#3e3a39; text-align:center; text-overflow:ellipsis;white-space:nowrap;}
.experience_mode_list_d{ width:100%; height:22px;font: 12px/22px "微软雅黑";color: #717071; text-align:center; float:left; display:inline;}
.experience_mode_list_d a{ color:#717071; padding-right:10px;}






.experience_activity{ width:90%; margin-left:5%;}










/*****************星光大道*****************/
.experience_star{ width:90%; height:auto; float:left; display:inline; overflow:hidden;font: 12px/25px "微软雅黑";color: #3e3a39;padding:30px 0; margin-left:5%;}
.experience_star2{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-left:5%;}
.experience_star2 b{width:100%; height:auto; float:left; display:inline; overflow:hidden;font: 13px/40px "微软雅黑";color: #3e3a39; font-weight:bold;}
.experience_star2 ul{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.experience_star2 ul li{ width:23%; height:auto; float:left; display:inline; overflow:hidden; padding-right:2%; padding-bottom:42px;}
.experience_star2 ul li img{ width:100%; height:auto; float:left;}
.experience_star2 ul li span{width: 100%;height: 22px;float: left;display:inline;overflow:hidden;margin-top:22px;border-top: 1px solid #c9c6c5;border-bottom: 1px solid #c9c6c5;text-align: center;}
.experience_star2 ul li span a{ color:#717071;}


/***********媒体视频******************/
.expeneice_media23{ width:100%; height:auto; float:left; display:inline; overflow:hidden; padding-bottom:50px;}
.expeneice_media_left_mdeia_chicun{ width:688px; height:562px;}
.expeneice_media_right{ width:22.45%; height:662px; float:right; display:inline; overflow:hidden; }
.about_content{
	float: left;
	width:100%;
	height:562px;
	border:1px solid #838180; border-right:none;
}
.about_content #scrollContent{ width:100%;height:662px; float:left; padding-left:0; background:#c8c8c8;}



.experience_3D2{ width:90%; margin-left:5%;}


/***************************客户评价************************************/
.renovation{ width:96%; height:auto; float:left; display:inline; overflow:hidden; padding-left:2%;}
.renovation ul{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.renovation ul li{ width:100%; height:auto; float:left; display:inline; overflow:hidden; border-bottom:1px dashed #cfcccc; padding:25px 0;}
.renovation ul li span{ width:6%; height:auto; float:left; display:inline; overflow:hidden;}
.renovation ul li span img{ width:100%; height:auto;}
.renovation ul li dl{ width:90.7%; height:auto; float:right; display:inline; overflow:hidden;}
.renovation ul li dl dd{ width:100%; height:14px;font:13px/14px "微软雅黑"; color:#595757; float:left; display:inline; padding-bottom:10px;}
.renovation ul li dl dd p{ width:auto; float:left; display:inline;}
.renovation ul li dl dd b{ width:auto; float:right; display:inline; font-weight:normal;}
.renovation ul li dl dt{ width:100%; height:auto;font:13px/22px "微软雅黑"; color:#595757; float:left; display:inline; }
.renovation ul li dl dt a{ color:#595757}







/************************在线预约************************************/
.online{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding:20px 0; margin-left:5%;}
.online1{ width:100%; height:auto; float:left; display:inline; overflow:hidden; border-bottom:1px dashed #c9c6c5; padding-bottom:24px;}
.online1 ul{ width:100%; height:auto; float:left; display:inline;}
.online1 ul li{ width:50%; height:28px; float:left; display:inline; overflow:hidden; padding-bottom:8px;}
.online1 ul li p{ width:80px; float:left; display:inline; overflow:hidden; text-align:right;font:13px/28px "微软雅黑"; color:#3e3a39;}
.online1 ul li span{ width:60%; float:left;}
.online1 ul li span select{ width: 84%;}
.online1_txt{ width:84%; height:25px; float:left; display:inline; overflow:hidden; border:1px solid #d5d5d5; background:none;}

.online2{ width:100%; height:auto; float:left; display:inline; overflow:hidden; border-bottom:1px dashed #c9c6c5; padding-bottom:24px; padding-top:20px;}
.online2 b{ font-weight:normal;font:13px/35px "微软雅黑"; color:#3e3a39; float:left; display:inline; overflow:hidden; width:100%; font-weight:bold}
.online2 span{ width:100%; float:left; display:inline; overflow:hidden;}
.online2 span p{font-weight:normal;font:13px/35px "微软雅黑"; color:#3e3a39; float:left; display:inline; overflow:hidden; width:25%;}

.online3{ width:100%; height:auto; float:left; display:inline; overflow:hidden;padding-bottom:24px; padding-top:20px;}
.online3 b{ font-weight:normal;font:13px/35px "微软雅黑"; color:#3e3a39; float:left; display:inline; overflow:hidden; width:100%; font-weight:bold}
.online3 span{ width:100%; height:226px; float:left; display:inline; overflow:hidden;}
.online3_txt{ width:96%; height:200px; float:left; display:inline; overflow:hidden; border:1px solid #d5d5d5;font:13px/25px "微软雅黑"; color:#3e3a39; padding:10px; }
.online3 dl{ width:auto; float:right; display:inline; overflow:hidden; padding-top:8px; padding-right:4%;}
.online3 dl dd{ width:auto; float:left; display:inline; padding-right:8px;}
.online3 dl dt{ width:auto; float:left; display:inline;}
.online3_sub{ width:68px; height:27px; float:left; display:inline; overflow:hidden; background:url(../Images/content/sub.jpg) no-repeat 0 0; cursor:pointer; border:none;}
.online3_set{ width:70px; height:27px; float:left; display:inline; overflow:hidden; background:url(../Images/content/sub.jpg) no-repeat -90px 0; cursor:pointer; border:none;}












/**********************************星杰服务************************************************/
#pc{ display:none;}
.service_banner{ width:100%; height:auto; float:left; text-align:center;display:inline}
.service_banner img{ width:100%; height:auto;}




.bbb1{ width:89.6%; height:auto; float:left; padding:0 0 0 7%; font:14px/24px "微软雅黑"; color:#FFF; font-weight:normal; position:absolute; z-index:1; left:0; top:40%}
.bbb2{ width:88.6%; height:auto; float:left; padding:0 0 0 0; font:14px/24px "微软雅黑"; color:#FFF; font-weight:normal; position:absolute; z-index:1; left:8%; top:42%}
.bbb3{ width:88.6%; height:auto; float:left; padding:0 0 0 0; font:14px/24px "微软雅黑"; color:#FFF; font-weight:normal; position:absolute; z-index:1; left:8%; top:45%}
.bbb4{ width:88.6%; height:auto; float:left; padding:0 0 0 0; font:14px/24px "微软雅黑"; color:#FFF; font-weight:normal; position:absolute; z-index:1; left:8%; top:43%}
.bbb8{ width:88.6%; height:auto; float:left; padding:0 0 0 0; font:14px/24px "微软雅黑"; color:#FFF; font-weight:normal; position:absolute; z-index:1; left:8%; top:45%}







/************************************星杰品牌style****************************************/
.brand_process{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-top:25px; padding-bottom:50px; padding-left:5%;}
.brand_process img{ width:32%; height:auto; float:left; padding-right:1%; padding-bottom:20px}
.brand_process p{width:100%; height:auto; float:left; display:inline;font:13px/25px "微软雅黑"; color:#5d5d5d; padding:0 0 30px 0; }







.brand_honour{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding:23px 0 0 0; margin-left:5%;}
.brand_honour2{ width:99%; height:auto; float:left; display:inline; border-left:0;margin-bottom:18px;}
.brand_honour2 ul{width:100%; height:auto; float:left; display:inline;}
.brand_honour2 ul li{ width:47.0%; height:auto; float:left;font:12px/25px "微软雅黑"; color:#3e3a39; padding-left:2.3%; border-right:1px dashed #c8c5c4;}



/******************企业文化********************/
.brand_culture{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-top:35px; padding-bottom:2%; padding-left:5%;}
.brand_culture_1{ width:49.38%; float:left; display:inline; overflow:hidden;}
.brand_culture_1 span{ width:100%; height:auto; float:left; display:inline;}
.brand_culture_1 span img{ width:55.49%; height:auto; float:left; display:inline;}
.brand_culture_1 span dl{ width:42.3%; height:auto; float:right; display:inline; overflow:hidden; background:#cdbfb5; padding-top:22px; padding-bottom:1%}
.brand_culture_1 span dl dd{ width:94%; float:left; display:inline; font:24px/27px Arial; color:#FFF; font-weight:bold; padding-left:3%;}
.brand_culture_1 span dl dt{ width:94%; float:right; display:inline;  padding-right:3%; padding-top:10%;}
.brand_culture_1 span dl dt b{ font-weight:normal; float:right; width:100%; text-align:right;font:15px/25px "微软雅黑"; color:#FFF;}
.brand_culture_1 span dl dt p{ font-weight:normal; float:right; width:100%; text-align:right;font:12px/17px Arial; color:#FFF;}
.brand_culture_1  ul{ width:100%; height:79px; float:left; display:inline; overflow:hidden; padding-top:5%; }
.brand_culture_1  ul li{width:96%; height:auto; float:left; display:inline;font:15px/25px "微软雅黑"; color:#595757; padding-left:3%;}
.brand_culture_1  ul li strong{font:21px/22px Arial; color:#9c806c;}
.brand_culture_2{ width:49.61%; float:right; display:inline; overflow:hidden;}
.brand_culture_2 .img1{ width:52.71%; height:auto; float:left; display:inline;}
.brand_culture_2 .img2{ width:45.36%; height:auto; float:left; display:inline; padding-left:1.9%;}
.brand_culture_2 .img3{ width:100%; height:auto; float:left; display:inline; padding-top:2%; padding-bottom:3%}
.brand_culture_3{ width:49.46%; float:left; display:inline; overflow:hidden;padding-top:2.5%;}
.brand_culture_3 .img4{ width:39.81%; height:auto; float:left; display:inline;}
.brand_culture_3 .img5{ width:58.41%; height:auto; float:left; display:inline; padding-left:1%;}

.brand_culture_4{ width:49.6%; float:right; display:inline; overflow:hidden;padding-top:0;}
.brand_culture_4 .img6{ width:38.30%; height:auto; float:left; display:inline;}
.brand_culture_4 .img7{ width:59.69%; height:auto; float:left; display:inline;padding-left:5px;}
.brand_culture_4 .img8{ width:60.15%; height:auto; float:left; display:inline;padding-left:5px; padding-top:2%;}

/************job************/
.brand_job2 ul li span b img{ width:93px; height:33px;position:absolute; top:9px; right:4%; z-index:99}





/*****************星杰精工*****************/
.seiko_js{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding:20px 0 0 5%;}
.seiko{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-left:5%}
.seiko5{width:96%; height:auto; float:left; display:inline; overflow:hidden; padding-left:2%}
.seiko5 ul li{ width: 24%;height: 226px;float: left;display: inline;overflow: hidden;padding-right: 1%;padding-top: 15px;padding-bottom: 8px;}




/****************活动体验*********************/
.team_list_detial,.seiko2,.seiko3,.brand_news,.brand_news2,.team_choice,.team_list,.service_repair,.case_list,.renovation{ width:90%; height:auto; padding-left:5%;}

.case_pc_piad{ padding-top:20px; display:inline;}
.brand_news{ padding-left:0; margin-left:5%;}

#media_phone, #htreeD {
display: inline;
}
.case_detial2_right_paid{ display:none;}
.case_detial3{ width:98%; padding: 0 0 28px 0;}

/************刊物下载*****************/
.brand_paper{ width:90%; height:auto; float:left; display:inline; overflow:hidden;  padding:20px 0 0 5%;}
.brand_paper_list{ width:90%; height:auto; float:left; display:inline; overflow:hidden; padding-left:5%;}


/**********************浮动框**********************/



.fxk{width:107px; height:auto; float:right; display:inline;}



.experience_3D,.experience_hotcase,.brand_job,.footer_1,.footer_2{ width:90%; margin-left:5%;}
.experience_hotcase dt{ padding-bottom:42px;}





















/********************************软装服务**********************************************/

.soft_service{ width:100%; height:344px; float:left; display:none;  overflow:hidden;}
.soft_service_banner{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.soft_service_banner img{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}

.soft_list{ width:96%; height:auto; float:left; display:inline; overflow:hidden; margin-left:3%; margin-top:35px;}
.soft_list ul{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.soft_list ul li{ width:23%; height:auto; float:left; display:inline; overflow:hidden; margin-right:2%; padding-bottom:10px;}

.soft_list ul li img{ width:100%; height:auto;}

.soft_list_detial{ width:100%; height:auto; float:left; display:inline; overflow:hidden; position:relative; padding-top:10px; padding-bottom:5%;}
.soft_list_detial_content{ width:100%; height:auto; float:left;}
.soft_list_detial_content img{ width:100%; height:auto; float:left;}

/*.soft_list_detial_left{ width:50%; height:auto; float:left; display:inline; overflow:hidden; position:absolute; z-index:88; left:0; top:35%;}
.soft_list_detial_right{ width:50%; height:auto; float:right; display:inline; overflow:hidden; position:absolute; z-index:88; right:0; top:35%; text-align:right;}
.soft_list_detial_right_img{ float:right; display:inline; position:absolute; right:0; top:35%; z-index:89; width:93px; height:216px;}*/

.soft_list_detial_left{ width:50%; height:auto; float:left; display:inline; overflow:hidden; position:absolute